import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

import StuDemo4 from '../views/study1/StuDemo4'

import StuDemo6 from '../views/study1/StuDemo6.vue'

import StuDemo21 from '../views/study2/StuDemo1.vue'
import StuDemo22 from '../views/study2/StuDemo2.vue'
import StuDemo23 from '../views/study2/StuDemo3.vue'
import StuDemo24 from '../views/study2/StuDemo4.vue'

import StuDemo25 from '../views/study2/StuDemo5.vue'

//study4
import StuDemo1 from '../views/study4/StuDemo1.vue'

//study5
import StuDemo501 from '../views/study5/StudyDemo1.vue'
import StuDemo502 from '../views/study5/StudyDemo2.vue'


//StudyDemo
import studentcase from '../views/studydemo/student-case.vue'

//onMountedExample
import onMountedExample01 from '../views/onMounted_example/example-01.vue'

//Vue Basics
import BasicsLearning01 from '@/views/vuebasics/BasicsLearning01.vue'
import BasicsLearning02 from '@/views/vuebasics/BasicsLearning02.vue'

//VueTest
import vueTest001 from '@/views/vueTest/vueTest001.vue'
import vueTest002 from '@/views/vueTest/vueTest002.vue'
import vueTest003 from '@/views/vueTest/vueTest003.vue'
import vueTest004 from '@/views/vueTest/vueTest004.vue'

import vueTest101 from '@/views/vueTest/vueTest101.vue'
import vueTest102 from '@/views/vueTest/vueTest102.vue'
import vueTest103 from '@/views/vueTest/MessageBoard.vue'


//Games
import Game01 from '@/views/Game/CharacterManager.vue'


const Games = [
  {
    path: '/Game01',
    name: 'Game01',
    component: Game01
  },
]

const studemo = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/studemo4',
    name: 'studemo4',

    component: StuDemo4
  },
  {
    path: '/studemo6',
    name: 'studemo6',
    component: StuDemo6
  },
  {
    path: '/studemo21',
    name: 'studemo21',
    component: StuDemo21
  },
  {
    path: '/studemo22',
    name: 'studemo22',
    component: StuDemo22
  },
  {
    path: '/studemo23',
    name: 'studemo23',
    component: StuDemo23
  },
  {
    path: '/studemo24',
    name: 'studemo24',
    component: StuDemo24
  },
  {
    path: '/studemo25',
    name: 'studemo25',
    component: StuDemo25
  },

  {
    path: '/studemo1',
    name: 'studemo1',
    component: StuDemo1
  },
  {
    path: '/studemo501',
    name: 'studemo501',
    component: StuDemo501
  },
  {
    path: '/studemo502',
    name: 'studemo502',
    component: StuDemo502
  },
]

//StudentCase
const StudentCase = [
  {
    path: '/studentcase',
    name: 'studentcase',
    component: studentcase
  }
]

//onMountedExample
const onMountedExample = [
  {
    path: '/onMountedExample01',
    name: 'onMountedExample01',
    component: onMountedExample01
  }
]

//Vue Basics
const VueBasics = [
  {
    path: '/BasicsLearning01',
    name: 'BasicsLearning01',
    component: BasicsLearning01
  },
  {
    path: '/BasicsLearning02',
    name: 'BasicsLearning02',
    component: BasicsLearning02
  }
]

//VueTest
const VueTest = [
  {
    path: '/vueTest001',
    name: 'vueTest001',
    component: vueTest001
  },
  {
    path: '/vueTest002',
    name: 'vueTest002',
    component: vueTest002
  },
  {
    path: '/vueTest003',
    name: 'vueTest003',
    component: vueTest003
  },
  {
    path: '/vueTest004',
    name: 'vueTest004',
    component: vueTest004
  },
  {
    path: '/vueTest101',
    name: 'vueTest101',
    component: vueTest101
  },
  {
    path: '/vueTest102',
    name: 'vueTest102',
    component: vueTest102
  },
  {
    path: '/vueTest103',
    name: 'vueTest103',
    component: vueTest103
  }
]

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView
    },
    ...studemo,
    ...StudentCase,
    ...onMountedExample,
    ...VueBasics,
    ...VueTest,
    ...Games
  ]
})

export default router
